<template>
    <div class="wrap">
        <loginHeader style="position: fixed;top: 0; z-index: 20;"></loginHeader>
        <!--商家中心头部logo行-->
        <shopCenterHeader style="position: fixed;top: 38px;z-index: 10;"></shopCenterHeader>
        <div class="content">
            <!--商家中心侧边栏-->
            <shopCenterSidebar class="myYCSidebar"></shopCenterSidebar>
            <div class="myYCContent">
                <!--商家中心显示页面-->
                <router-view></router-view>
            </div>
        </div>
        <loginFooter></loginFooter>
    </div>
</template>

<script>
    import  loginHeader  from "./../login/LoginHeader";
    import  loginFooter  from "./../login/LoginFooter";
    // 商家中心里的头部
    import  shopCenterHeader from "./../shopCenter/shopCenterHeader";
    // 商家中心的侧边栏
    import shopCenterSidebar from "./../myYC/myYCSidebar"
    export default {
        name: "index",
        components:{
            loginHeader,
            loginFooter,
            // 商家中心里的头部
            shopCenterHeader,
            // 商家中心的侧边栏
            shopCenterSidebar
        },
        data(){
            return {

            }
        },
        methods:{

        },
        mounted(){

        }
    }
</script>

<style scoped>
    .wrap{
        height: 100%;
        width: 100%;
        overflow: hidden;
        overflow-y: auto;
        background: #F0F0F0;
        position: relative;
        z-index: 2;
    }
    .content{
        width: 1200px;
        margin: 140px auto 15px;
        display: flex;
        justify-content: space-between;
    }
    /*商家中心侧边栏选项*/
    .myYCSidebar{
        width:165px;
        height:808px;
        background: #FFFFFF;
        display: inline-block;
    }
    /*商家中心显示内容区域*/
    .myYCContent{
        width: 1015px;
    }
</style>
